<template>
	<view class="pageItem">
		<view class="header status_bar" :class="scrrol == true ? 'scrrolHeader' : ''">
			<view class="back iconfont icon-gengduo-copy" @tap="backPage"></view>
			<view class="text">我的余额</view>
		</view>
		<view class="clear_box"></view>
		<view class="main">
			<view class="title">当前余额（元）</view>
			<view class="balance">
				<label class="code">￥</label>
				1100.00
			</view>
			<view class="title02" data-url="/pages/personalcenter/moneyDetails" @click="gotopage">查看明细<label class="iconfont icon">&#xe62d;</label></view>
			<view class="btn" data-url="/pages/personalcenter/withdraw" @click="gotopage">提现</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			backPage() {
				uni.navigateBack({});
			},
			gotopage(e) {
				let url = e.currentTarget.dataset.url;
				uni.navigateTo({
					url: url
				});
			},
		}
	}
</script>
<style>
page{
	background: #ffffff;
	padding-bottom: 21vw !important;
}
.pageItem{
	width: 100%;
	box-sizing: border-box;
}
.pageItem *{
	box-sizing: border-box;
}
</style>
<style lang="scss">
.main{
	padding: 10vw 4% 0;
	.title{
		width: 100%;
		padding: 15vh 0 4vw;
		font-size: 4vw;
		color: #333333;
		text-align: center;
	}
	.balance{
		width: 100%;
		font-size: 9vw;
		font-weight: bold;
		color: #222222;
		padding-bottom: 4vw;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		.code{
			font-size: 6vw;
			padding-right: 1vw;
			padding-top: 2vw;
		}
	}
	.title02{
		width: 100%;
		font-size: 3.5vw;
		color: #0DA4AD;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 3vw;
		.icon{
			font-size: 2.5vw;
			padding-left: 1vw;
		}
	}
	.btn{
		width: 46%;
		height: 11vw;
		line-height: 11vw;
		border-radius: 6vw;
		font-size: 4.5vw;
		color: #ffffff;
		text-align: center;
		background: #0DA4AD;
		margin-left: 27%;
		margin-top: 25vh;
	}
}
</style>
